import { Tabs, ConfigProvider } from 'antd';
import React, { useState } from 'react';
const Header = () => {
    const [myColor,setMyColor] = useState("#ffccc7")
    return (
        <ConfigProvider
            theme={{
                token: {
                    colorPrimary: {myColor},
                },
            }}
        >
            <Tabs defaultActiveKey="1">
                <Tabs.TabPane tab="Tab 1" key="1">
                    Content of Tab Pane 1
                </Tabs.TabPane>
                <Tabs.TabPane tab="Tab 2" key="2">
                    Content of Tab Pane 2
                </Tabs.TabPane>
                <Tabs.TabPane tab="Tab 3" key="3">
                    Content of Tab Pane 3
                </Tabs.TabPane>
            </Tabs>
        </ConfigProvider>
    )
}
export default Header;